<div class="blade-content __large-wide" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <p-autoComplete  [(ngModel)]="brand" [suggestions]="tagData" (onSelect)="onSelect($event)" (completeMethod)="filterBrands($event)"  [minLength]="1"
                placeholder="请输入测点名称" [dropdown]="true" (onDropdownClick)="handleDropdownClick($event)">
        <ng-template let-brand pTemplate="item">
          <div class="ui-helper-clearfix" style="border-bottom:1px solid #D5D5D5">
            <div style="font-size:14px;margin:10px 10px 0 0;padding:0 10px ">{{brand}}</div>
          </div>
        </ng-template>
      </p-autoComplete>
      <form name="form" class="form" (submit)="onCreate()" [formGroup]="formGroup" novalidate>
        <div class="blade-static __bottom" *ngIf="currentBlade.isNew">
          <button class="btn" [disabled]="!brand">创建</button>
        </div>
        <div class="tag-bottom">
         <!--  <div class="form-group">
            <label class="form-label">测点名称</label>
            <div class="form-input">
              
               <input placeholder="请输入测点名称" name="tagId" formControlName="tagId"> 
            </div>
            <div *ngIf="formErrors.tagId" class="form-error">
              {{ formErrors.tagId }}
            </div>
          </div> -->
          <div class="form-group">
            <label class="form-label">状态标识</label>
            <div class="form-input">
              <input placeholder="请输入状态标识" name="tagstateMark" formControlName="tagstateMark">
            </div>

          </div>
          <div class="form-group">
            <label class="form-label">状态组</label>
            <div class="form-input">
              <select name="" id="" name="stateGroupId" formControlName="stateGroupId">
                 <option [value]=""></option>
                <option [value]="state.stateGroupId" *ngFor="let state of msGroups;let n=index">{{state.stateGroupName}}</option>
              </select>
            </div>

          </div>
          <div class="form-group">
            <label class="form-label">逻辑组</label>
            <div class="form-input">
              <select name="" id="" name="logicGroupId" formControlName="logicGroupId">
                <option [value]=""></option>
                <option [value]="logic.logicGroupId" *ngFor="let logic of filterMLGroups; let n=index">{{logic.logicGroupName}}</option>
              </select>
            </div>

          </div>
          <div class="form-group">
            <label class="form-label">是否是故障点</label>
            <div class="form-input">
              <select name="" id="" name="faultTag" formControlName="faultTag">
                <option value="true">是</option>
                <option value="false">否</option>
              </select>
            </div>

          </div>
          <div class="form-group">
            <label class="form-label">排序</label>
            <div class="form-input">
              <input placeholder="请输入排序" type="number" name="tagMapSeq" formControlName="tagMapSeq">
            </div>
          </div>
          <div class="form-group ">
            <label class="form-label">是否显示</label>
            <div class="form-input" id="form-input-switch">
              <label class="form-label __switch">
                  <input type="checkbox" name="unShow" formControlName="unShow" class="ng-pristine ng-untouched ng-valid">
                  <span class="switch"></span>
              </label>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>